<template>
  <div class="air-index">
    <div class="air-index-content">
      <a href="javaScript:;" class="list" @click="notOpen()">
        <div class="img-wrap"><img src="https://yaolai-img.oss-cn-beijing.aliyuncs.com/OSS/2017/10/24/0b5a019b-27e2-4e1e-a7dd-75872523d412.jpg" alt=""></div>
        <p>机场服务预订</p>
      </a>
      <a href="#/travel-index" class="list">
        <div class="img-wrap"><img src="https://yaolai-img.oss-cn-beijing.aliyuncs.com/OSS/2017/10/24/cc374382-8e5b-4ffb-b02d-97044921a281.jpg" alt=""></div>
        <p>耀莱出行介绍</p>
      </a>
    </div>
  </div>
</template>
<script>
  import { Toast } from 'mint-ui'
  export default {
    name: 'air-index',
    componets: {
    },
    data () {
      return {
      }
    },
    mounted () {
    },
    methods: {
      notOpen () {
        Toast({
          message: '暂未开放，敬请期待',
          duration: 1000
        })
      }
    }
  }
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang='less'>
  @import '../../assets/less/border.less';
  .air-index{
    .air-index-content{
      width: 100%;
      height: 100%;
      position: fixed;
      top:0;
      bottom: 0;
      padding: 0.2rem;
      box-sizing: border-box;
      background: url(https://yaolai-img.oss-cn-beijing.aliyuncs.com/OSS/2017/10/24/b7b7b0f4-0b98-40ed-9180-538026380177.jpg);
      background-size: 4rem;
      overflow-y: scroll;
      .list{
        display: block;
        background: #fff;
        margin-bottom: 0.28rem;
        border-radius: 0.2rem;
        overflow: hidden;
        box-shadow: 2px 2px 2px #dadadc;
        .img-wrap{
          img{
            width: 100%;
          }
        }
        p{
          line-height: 0.8rem;
          text-indent: 0.18rem;
          font-size: 0.3rem;
        }
      }
    }
  }
</style>
